<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <div class="header">
        <div class="nav">
            <div class="container">
                <img src="./img/logo.jpg" alt="">
                <div class="nav-list">
                    <a class="i">首页</a>
                    <a class="i">网站建设</a>
                    <a class="i">安卓开发</a>
                    <a class="i">案例中心</a>
                    <a class="i">文章中心</a>
                    <a class="i">关于我们</a>
                    <a class="i">联系我们</a>
                    <a class="i">旧版</a>
                </div>
                <img src="./img/banner.jpg" style="margin-top: -50px;margin-left: -360px;">
            </div>
        </div>
    </div>
    <div class="mark1">
        <div class="container">
            <p class="title">我们做的好不好 ？案例能说明一切</p>
            <div class="searchbox">
                <input type="text" placeholder="搜索关键字...">
                <div class="ssubbox">
                    <img src="./img/search.jpg" alt="">
                    <span>立即搜索</span>
                </div>
                <div class="asubbox">
                    <img src="./img/add.jpg" alt="">
                    <span>提交需求</span>
                </div>
            </div>
            <div class="divline"></div>
            <div class="box1">
                <div class="inn1">
                    <img src="./img/a1.jpg" alt="">
                    <p>网站建设</p>
                </div>
                <div class="inn1">
                    <img src="./img/a2.jpg" alt="">
                    <p>网站改版</p>
                </div>
                <div class="inn1">
                    <img src="./img/a3.jpg" alt="">
                    <p>SEO</p>
                </div>
                <div class="inn1">
                    <img src="./img/a4.jpg" alt="">
                    <p>网站维护</p>
                </div>
                <div class="inn1 lt">
                    <img src="./img/a5.jpg" alt="">
                    <p>VI LOGO</p>
                </div>
            </div>
            <div class="box2">
                <div class="inn2 ft">案例TOP</div>
                <div class="inn2">全部案例</div>
                <div class="inn2">企业官网</div>
                <div class="inn2">政府组织</div>
                <div class="inn2">效果图设计</div>
                <div class="inn2">Android APP</div>
                <div class="inn2">企业VI设计</div>
            </div>
            <div class="box3">
                <img src="./img/b1.jpg" alt="">
                <img src="./img/b2.jpg" alt="">
                <img src="./img/b3.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="mark2">
        <div class="container">
            <img src="./img/c1.jpg" class="c1">
            <span>沟通策划</span>
            <img src="./img/c2.jpg" class="c2">
            <span>签订合同</span>
            <img src="./img/c2.jpg" class="c2">
            <span>支付预付款</span>
            <img src="./img/c2.jpg" class="c2">
            <span>设计制作</span>
            <img src="./img/c2.jpg" class="c2">
            <span>程序制作</span>
            <img src="./img/c2.jpg" class="c2">
            <span>付款安装</span>
            <img src="./img/c2.jpg" class="c2">
            <span>完成交易</span>
            <img src="./img/c2.jpg" class="c2">
            <span>期待下次合作 :&rpar;</span>
        </div>
    </div>
    <div class="mark3">
        <div class="container">
            <div class="mark3-nav">
                <a class="n first">经验技巧</a>
                <a class="n">尚狐观点</a>
                <a class="n">建站知识</a>
                <a class="n">工作室</a>
                <a class="n">创意设计</a>
                <a class="n">IT界</a>
            </div>
            <div class="content">
                <div class="ig"><img src="./img/d1.jpg" alt=""></div>
                <span class="ct">MySQL历史变迁-MySQL版本选择</span>
                <br>
                <span class="cc">网站开发，离不开数据的支持，所以说，选择一套方便，高效的数据库就很重要，今<br>
                    天，成都网站建设为大家介绍一下时下最流行的一套数据库-MySQL<span style="font-size: 12px; color: #000;">...[<span
                            style="font-size: 12px; color: #428bca;">查看详情</span>]</span>
                </span>
            </div>
            <div class="content content2" style="margin-top: 14px;">
                <div class="ig"><img src="./img/d1.jpg" alt=""></div>
                <span class="ct">MySQL历史变迁-MySQL版本选择</span>
                <br>
                <span class="cc">MyISAM以及lnnoDB应当属是MySQL最经常使用的两种存储引擎。从成长史来讲<br>
                    lnnoDB比MyISAM泛起患上更晚，功能也就更强大，但它不克不及彻底取代MyISAM<br>
                    恰是它功能的壮大影响了它的<span style="font-size: 12px; color: #000;">...[<span
                            style="font-size: 12px; color: #428bca;">查看详情</span>]</span>
                </span>
            </div>
            <div class="navright">
                <hr style="height:1px; background-color: #cccccc;border: none;">
                <div class="conright">
                    <div class="dot"></div>
                    <span class="sp">如何从设计上全方位打造官网<span style="float: right;">2014-08-14 14:42:11</span></span>
                    <br>
                    <div class="dot"></div>
                    <span class="sp">DEDE栏目文章列表获取TAGS解决方法<span style="float: right;">2014-07-30 16:08:51</span></span>
                    <br>
                    <div class="dot"></div>
                    <span class="sp">尚狐观点：以人为本才是设计王道<span style="float: right;">2014-07-21 15:56:43</span></span>
                    <br>
                    <div class="dot"></div>
                    <span class="sp">热烈祝贺深圳蓝杰智库官方网站交付上线<span style="float: right;">2014-07-15 23:38:08</span></span>
                    <br>
                    <div class="dot"></div>
                    <span class="sp">AJAX-增加用户体验 为网站飞一会<span style="float: right;">2014-07-13 16:10:17</span></span>
                    <br>
                    <div class="dot"></div>
                    <span class="sp">尚狐观点：网站设计对企业的重要性<span style="float: right;">2014-07-12 18:34:13</span></span>
                </div>
            </div>
        </div>
    </div>
    <div class="mark4">
        <div class="container">
            <img src="./img/d2.jpg" alt="">
            <div class="button">
                <span>提交建站需求</span>
                <div class="jiantou"></div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="container">
            <div class="boxf">
                <div class="innerf">
                    <img src="./img/e1.jpg" class="e1">
                    <span class="se1">7*24建站热线：028-85324865</span>
                    <img src="./img/e2.jpg" class="e2">
                </div>
                <div class="innerf">
                    <img src="./img/e3.jpg" alt="">
                </div>
                <div class="innerf">
                    <p>网站咨询：028-85324865 /13980835783(TEL) 406333726(QQ)<br>
                        APP咨询：15196625197(TEL) 2296465312(QQ)</p>
                </div>

                <div class="innerf">
                    <p>友情链接：酷帝网站目录 创新网络工作室 香港保险 第一分类目录 设计路上 无锡网站建设 宜昌网站建设 app开发 莫等闲<br>
                        设计导航 泸州网站建设 上海网站建设 深圳网站制作 香港保险那些事儿 成都做网站工作室 北京网站建设 成都建网站 广州做网站</p>
                </div>
                <div class="innerf">
                    <p>关于我们 / 服务项目 / 联系方式 / 网站地图 / 付款方式 / 加入我们 / 老版<br>
                        成都做网站 / 成都网站建设 / 成都网站制作 / 成都网站建设工作室 / 成都工作室做网站 / 成都网站建设公司 / 成都网站建设工作室 / 成都网站建设工作室 / Sitemap<br>
                        备案编号：蜀ICP备12016524号-2 Copyright ? 2006 - 2014 ShangFox.inc All rights reserved. 成都尚狐网络版权所有
                        百度统计<img src="./img/e4.jpg" alt=""></p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>